学习笔记
风儿飘零
这个作者很懒,什么都没留下…
展开
-
2019-2-14学习内容
一, 显示数据的三种方式:()1, v-textv-指令名,请注意是间隔符,不是下划线。作用 : 操作元素中的纯文本,指的是变量的内容。等同于以下快捷方式 : {{}}2, {{}}3, v-htmlv-text会将元素当成纯文本输出,v-html会将元素当成HTML标签解析后输出。也就是说, v-html先看一下变量的内容,同时识别出内容后再显示出来。我们在网页端显示为:由此...原创 2019-02-18 17:22:33 · 141 阅读 · 0 评论 -
2019-02-12:webstorm入门
Webstorm:先打开npm 然后找到vue001\package.json,分别依次运行serve和build会出现第一步运行完成标识:以上蓝色部分就是运行后的地址.第二步完成后的:这两步运行完之后,软件上方就会出现dist这样的文件其中Dist 为资料打包输出文件夹Src 存放源文件,也就是代码所在地.接下来就是重点代码:打开main.js这个app的内容怎么看,去...原创 2019-02-14 13:43:19 · 308 阅读 · 0 评论 -
2019-02-21学习watch 数组 父组件与子组件
一, 监听器watch在vue中,使用watch来响应数据的变化.用来监听上面data中声明过的对象。dada中定义countTimes:0在页面显示:跟上一节学过的computed相比较:Computed:是计算属性,上面未声明过,用于马上出结果,同步结果Watch: 是监听属性,上面在中声明过的,不要求马上出结果,异步结果。二, 数组操作:Push在data下先声明...原创 2019-02-26 09:39:53 · 250 阅读 · 0 评论 -
2019-2-21学习内容
新增一个component:打开webstorm,运行.找到src下的components,用右键,新建一个vue:命名为:MyTest结果为:接下来分别在home.vue的和v-if v-show区别与示例创建一个button,单击它的时候,按钮上方会显示一段文字,再单击它,这段文字会隐藏起来。这时候就会用到常用的两种方法,就是v-if 或v-show1,v-if:2,v-sho...原创 2019-02-21 09:00:19 · 141 阅读 · 0 评论 -
2019-02-27学习内容
第五课第一部分:父子组件通用变量和方法父组件 Home.vue子组件 MyTest一, 获取父组件中的直接调用方法.我们在子组件Mytest中,添加一个单击按钮,用来获取父组件的father_English_scores的值页面端:代码为:这一次,我们单击后不看到结果。然后由console.log显示出调用后的变化,这样就可以得到父组件里面的值了。重点:Parent能够实现访问父...原创 2019-03-04 11:00:02 · 135 阅读 · 0 评论