vue知识点总结(一)

这篇博客总结了Vue.js的关键概念,包括v-if与v-show的选择、挂载点的设定、基础语法如Mustache模板和指令,以及组件的注册和命名方式。v-if适合少量条件切换,v-show适合频繁切换。挂载点需指定具体元素,可通过el属性或$mount()方法设置。Vue的基础语法涉及插值表达式和指令,如v-if、v-on等。最后讨论了Vue组件的创建和命名规范。
摘要由CSDN通过智能技术生成

一、v-if与v-show的区别

  • v-if隐藏式隐藏节点,v-show隐藏式css display:none
  • 频繁切换现实与隐藏建议使用v-show,
    次数少建议使用v-if

二、挂载点

vue的挂载点使用id选择器
vue的挂载点必须是一个具体的元素,不能是body或者HTML标签

1、通过el属性设置挂载点
const app = new Vue({
    el:"#app"
})

2、通过$mount()方法设置挂载点)
const app = new Vue({

}).$mount('#app')


三、vue的基础语法

vue的(插值)模板语法"Mustache"语法(双大括号)

1、直接使用模板语法插值

// key 就是data属性值的键名
<标签>{
  {key}}</标签>

2、指令形式插值

  • 1.v-text:插入文本内容(不能解析标签)
<标签 v-text='key'></标签>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值