当前位置: 移动技术网 > IT编程>开发语言>JavaScript > Vue学习笔记Day1

Vue学习笔记Day1

2019年12月16日  | 移动技术网IT编程  | 我要评论

1、vue初时
vue安装三种方式:
1:cdn引入
以下推荐国外比较稳定的两个 cdn,国内还没发现哪一家比较好,目前还是建议下载到本地。
staticfile cdn(国内) :
unpkg:, 会保持和 npm 发布的最新的版本一致。
cdnjs :
2:下载本地引入
开发版本:包含完整的警告和调试模式---
生产版本:删除了警告,33.30kb min+gzip---
3:npm安装
在用 vue 构建大型应用时推荐使用 npm 安装[1]。npm 能很好地和诸如 webpack 或 browserify 模块打包器配合使用。同时 vue 也提供配套工具来开发单文件组件。
# 最新稳定版
$ npm install vue
2、hellovue.js初体验
1:首先安装好vue

2: 创建一个div 设置一个id名为app

然后将vue实例对象中data属性里的messenge以插值表达式的方式插入到div中
3:创建一个名为app的vue实例对象,

最后 浏览器中查看显示效果

3、vue展示列表
1:安装vue

2:创建一个id为app的div,里面再创建一个li

3:创建以一个名为app的vue的实例对象

最后 浏览器中查看显示效果

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网