Vue2基础之helloword程序

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的开发者工具,这个工具需要去应用商店下载。

注意点

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值