我的vue学习01：安装和创建实例，v-for遍历数组或对象

时间：2023-03-31 21:53:33 vue.js

安装要学习vue，必须先安装。Vue分为开发版和生产版。开发版用于学习开发时使用；上线时使用生产版本。vue有三种安装方式：cdn指的是本地下载导入（推荐初学者，初级学习最基本的语法，使用这种方式）npm安装创建示例demo：定义一个div元素的内容如果内容是astring使用script标签引入vuejs创建一个div元素动态显示vue指定的内容。

使用new创建一个vue实例constapp=newVue({})（实例接收一个对象{}作为参数）给实例传递参数：指定元素待管理（刚刚创建的div）constapp=newVue({el:'#app'//el属性：指定要管理的元素})传参给实例：定义元素的内容

{{name}}}

constapp=newVue({el:'#app',data:{//data属性：指定要显示的数据message:'Hello',name:'姚凯'}})同时在标签中做标记{{messages}}

这种写法是声明式编程，只需要在div中做一个标记，标记位置显示什么由vue实例决定。vue实例看到有标记{{messages}}，就会去实例中找对应的数据填充。这种写法的好处是数据和接口完全分离。一旦数据发生变化，界面就会自动随之变化。完整代码：

我的vue学习01：安装和创建实例，v-for遍历数组或对象

{{message}}

{{name}}}

{{message}}

{{name}}

{{message}}