vue学习记录 第一章 初始vue
2018-03-16 16:46
211 查看
首先要你必须要去VUE官网上下载vue.js,然后才能继续下面的步骤。
如果你不想下载的话,在有网络环境的情况下,也可以选择绝对路径的vue.js。
当然,和vue的官网一样,不推荐新手直接安装
因为那样很容易把你绕晕。当然,如果你对node.js的构建工具比较熟悉的话,也可以直接安装
然后你需要在html里面写一个大的盒子用来写你的整个vue的项目。
然后和vue建立关联
如果你不想下载的话,在有网络环境的情况下,也可以选择绝对路径的vue.js。
<script src="https://cdn.jsdelivr.net/npm/vue"></script>1
当然,和vue的官网一样,不推荐新手直接安装
vue-cli
因为那样很容易把你绕晕。当然,如果你对node.js的构建工具比较熟悉的话,也可以直接安装
vue-cli下面正式进入vue的学习:首先你引入了vue.js
<script src="./vue.js"></script>1
然后你需要在html里面写一个大的盒子用来写你的整个vue的项目。
<div id="app"></div>1
然后和vue建立关联
<script> new Vue({ el : '#wrap', data(){ return { msg:'aaa' } }, methods:{//methods 存放fn的地方; run(){ alert('run') }, hover(){ alert('hover') } }, mounted(){//相当于js里的window.onload this.run();//直接调用run函数; console.log(this) } }); </script>
相关文章推荐
- C和指针学习记录--第一章
- vue class and style学习(简单记录)
- 零基础Vue入门学习记录(1)
- Vue学习 第1天 初始Vue及MVVM
- 算法导论学习记录之第一章
- vue.js个人学习记录
- oracle开发之<<SQL Cookbook>>学习笔记整理:第一章 检索记录
- vue中的学习小记录
- Vue学习记录
- Vue学习记录
- Vue学习之第一章
- 《全国计算机等级考试三级教程》章节学习记录——第一章.数据库应用系统开发方法
- vue 学习记录
- JAVA学习笔记——第一章 初始JAVA
- vue学习记录(数据绑定、class,style绑定)
- Vue 学习记录<2>
- [学习笔记]Silverlight4 RIA 开发全程解析[项目全程记录]----第一章FitnessTrackerPlus应用程序概述
- Vue.js学习记录之在元素与template中使用v-if指令实例
- (学习日记)数据结构第一章中life游戏开发的学习记录
- vue学习进度记录