1. 安装vue
直接去官网安装开发版本即可。生产版本更小,但是缺少报错提示。

下载了vue.js后,将vue.js放到项目中,并且在html文件中使用script标签引入下载的vue.js,至此,vue的开发环境安装好了

2. 编写demo程序
vue项目由容器和vue示例组成,其中容器是html标签组成的,其中含有vue的组成语法,而vue示例需要使用new Vue()来创建,其中需要设置一些必须的属性,如el(表示你要使用该vue示例来监管哪个容器),data(vue监管的数据)。

打开浏览器,运行上述代码,注意右边的开发者窗口中,我打开了vue的开发者工具,这个工具需要去应用商店下载。

注意点
- 容器中的{{name}}是vue的模板语法,双括号内可以是任意的script语法,如1+1等
- vue示例和容器是一一对应的,如果多个容器的名字一样,vue示例只会监管第一个容器,如果多个vue监管同一个容器,该容器也只会被第一个创建的vue示例监管
- 容器里的代码被称为vue模板
1143

被折叠的 条评论
为什么被折叠?



