vue学习笔记

  1. vue项目运行机制
    参考:https://blog.csdn.net/qq_44613011/article/details/119424384
    参考:https://blog.csdn.net/weixin_45928161/article/details/123419826
    参考:https://blog.csdn.net/weixin_38556197/article/details/115007325
    参考:https://blog.csdn.net/weiguang102/article/details/124224766
  2. v-once 数据只更新一次
    数据标签要包裹在子元素标签中,放在根元素中不起作用
    <span v-once>{{message}}</span>
  3. 使用 v-html 指令用于输出 html 代码
    <p>使用 v-html 指令: <span v-html="rawHtml"></span></p>
  4. HTML 属性中的值应使用 v-bind 指令
  5. v-on 监听DOM事件
  6. v-model 双向绑定
  7. 缩写
<!-- 完整语法 -->
<a v-bind:href="url"></a>
<!-- 缩写 -->
<a :href="url"></a>

<!-- 完整语法 -->
<a v-on:click="doSomething"></a>
<!-- 缩写 -->
<a @click="doSomething"></a>

posted on 2022-06-18 11:16  朝朝暮Mu  阅读(23)  评论(0)    收藏  举报