vue
文章平均质量分 59
SUN_FLOWER__
这个作者很懒,什么都没留下…
展开
-
Vue学习日记(一)
最开始接触Vue可以先不使用脚手架工具。首先从官网下载开发版本的vue.js。保存命名为vue.js创建一个HTML文档,这里命名为vue1.html。在头文件的下边引入js文件。<script src="./vue.js"></script>知识点一 挂载点 模板 实例声明一个vue实例,使用 new Vue({})来实现。el表示的是这个实例指的是哪一个元素。其所对应...原创 2018-05-31 15:31:22 · 489 阅读 · 0 评论 -
Vue学习日记(二)v-bind v-model computed watch
知识点一 :v-bind动态绑定特性,缩写为:可以使用:来绑定标题,标题的具体内容写在data中。知识点二:v-model表单控件的双向绑定。表单控件中是什么内容,那么它的内容会相应的显示到下边的那个div中。<div id="root"> <div :title="title">hello world</div> <input v-model="co...原创 2018-05-31 15:46:24 · 638 阅读 · 0 评论 -
Vue学习日记(三) v-if v-show v-for 定义组件
知识点一 v-if 和v-show的区别v-if是判断为真时就会渲染这个标签,而v-show其实是设置他的display属性,它一直都是占用dom文档流的。<div id="root"> <div v-if="show">hello world</div> <botton @click="handleClick">toggle&a原创 2018-05-31 16:10:30 · 297 阅读 · 0 评论 -
如何使用webstorm创建vue项目
首先确认webstorm是否安装vue插件。点击file --Seetings--Plugins(直接点击下方Browse repositories.)然后搜索框输入vue,会出现一个vue.js点击。如果已经安装页面如下图,若没安装右侧会有一个install按钮点击安装即可。安装完成后找到editor--File and Code Templates添加一个vue,name Vue File ...原创 2018-06-01 16:13:45 · 3176 阅读 · 0 评论