您的位置:首页 > 产品设计 > UI/UE

vue学习记录 第一章 初始vue

2018-03-16 16:46 211 查看
首先要你必须要去VUE官网上下载vue.js,然后才能继续下面的步骤。 
如果你不想下载的话,在有网络环境的情况下,也可以选择绝对路径的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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: