文章5：vue（2）

lavor 发布于2019-08-26 12:24 / 663人阅读

摘要：接着上篇文章一有关语法的相关学习版本大胡子语法插值语句内置指令插值指令使用该指令进行标签中内容的替换区别只是将中的信息全以文本的方式显示只是将中的信息进行渲染的方式显示中如果存在标签就会渲染出来跳转经过渲染后控制指令中代

接着上篇文章

一、有关VUE语法的相关学习（vue-cli 版本3.0.4）

{{}}：大胡子语法、插值语句

    {{content}}

内置指令

插值指令

使用该指令进行标签中内容的替换区别

    
        v-text只是将content中的信息全以文本的方式显示
    

    
        v-html只是将content中的信息进行渲染的方式显示

  v-html中如果存在标签就会渲染出来

    //content:"跳转"
    v-text
    
    //经过渲染后
    
    v-html

控制指令（MD中代码指令标识需要前后换行，否则有BUG）

    v-if
    v-else-if
    v-else
    //v-if是通过控制元素添加删除实现显示隐藏
    tmo
    jack
    lily
    v-show
    //v-show是通过控制元素的dispaly属性控制显示隐藏
    jhon

属性指令

通过该指令可以绑定元素的属性

形式：v-bind:"属性名"="模型变量"

    //v-bind
    kid
    //简写
    kid

事件绑定指令

形式：v-on:"事件名"="方法名()" 此处的括号可加可不加

    
    //简写
    
    //绑定的事件里面的括号可以写也可以不写，本人推荐还是写

修饰符（官网还有许多修饰符）

形式：v-on:"事件名"."修饰符"="方法名()"

v-for

     -通过循环遍历数组，生成多个相同列表项

v-model

侦听属性

计算属性

备注

    //指令当中允许使用表达式

组件

路由

过渡动画

自定义指令

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/108651.html

基于Vue,Vue-router,Vuex的简书网站模仿(二)

摘要：通过点击事件来更换不同的值和文章内容。文章排版整洁，注意诗游戏玩转简书的第一步，从这个专题开始。专题主编苏锦年投稿须知本专题收录古诗词现代诗以及诗词点评及指导。内容必须为原创，切勿用其他诗人的诗句。接着上一篇我们接着讲,关于这个网站的专题页面和2015精选页面，如果有小伙伴没看过上一篇文章，这里附上上一篇文章的的链接基于Vue,Vue-router,Vuex的简书网站模仿这里是网站的...

yibinnn 2019-08-22 10:37 评论0 收藏0
VUE - MVVM - part8 - 优化Event

摘要：看这篇之前，如果没有看过之前的文章，可拉到文章末尾查看之前的文章。回顾在上一步我们实现了一个简易的事件管理的类，接下来我们把它给优化下，方便我们的使用。接着我们来优化。看这篇之前，如果没有看过之前的文章，可拉到文章末尾查看之前的文章。回顾在上一步我们实现了一个简易的事件管理的类，接下来我们把它给优化下，方便我们的使用。主要优化内容：方便为多个事件添加同一个函数方便为一个事件...

jsyzchen 2019-08-22 16:42 评论0 收藏0
【Vue原理】Component - 源码版之创建组件VNode

摘要：写文章不容易，点个赞呗兄弟专注源码分享，文章分为白话版和源码版，白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧研究基于版本如果你觉得排版难看，请点击下面链接或者拉到下面关注公众号也可以吧原理源码版之创建组件今天就要开启我写文章不容易，点个赞呗兄弟专注 Vue 源码分享，文章分为白话版和源码版，白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧研究基于...

hover_lew 2019-08-23 18:34 评论0 收藏0
王下邀月熊_Chevalier的前端每周清单系列文章索引

摘要：感谢王下邀月熊分享的前端每周清单，为方便大家阅读，特整理一份索引。王下邀月熊大大也于年月日整理了自己的前端每周清单系列，并以年月为单位进行分类，具体内容看这里前端每周清单年度总结与盘点。感谢王下邀月熊_Chevalier 分享的前端每周清单，为方便大家阅读，特整理一份索引。王下邀月熊大大也于 2018 年 3 月 31 日整理了自己的前端每周清单系列，并以年/月为单位进行分类，具...

2501207950 2019-08-22 14:53 评论0 收藏0