vue模版语法
[vue3快速入门] 9.vue模板语法 -
首先vue的模板语法继承了html的语法，我们在template里写的也都是标准的html标签，只有在需要动态绑定一些内容的时候，我们才用到vue的模板语法，大概有一下几种插值的方式就是我之前用过的双花括号的形式{{}}，一般在花括号内就是我们绑定的vue对象的变量了比如我们在data里增加一个字符串msg，通过希望你能满意。
我们先来看一下官方的解释：key属性主要用在Vue的虚拟DOM算法，在新旧nodes对比时辨识VNodes。如果不使用key,Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法，而使用key时，它会基于key的变化重新排列元素顺序，并且会移除/销毁key不存在的元素。官方的解释对于初学者来说并不好理解还有呢？
首先vue的模板语法继承了html的语法，我们在template里写的也都是标准的html标签，只有在需要动态绑定一些内容的时候，我们才用到vue的模板语法，大概有一下几种插值的方式就是我之前用过的双花括号的形式{{}}，一般在花括号内就是我们绑定的vue对象的变量了比如我们在data里增加一个字符串msg，通过希望你能满意。
我们先来看一下官方的解释：key属性主要用在Vue的虚拟DOM算法，在新旧nodes对比时辨识VNodes。如果不使用key,Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法，而使用key时，它会基于key的变化重新排列元素顺序，并且会移除/销毁key不存在的元素。官方的解释对于初学者来说并不好理解还有呢？
在静态模板中调用输出Vue 实例中名为name 的属性的值的语法是使用插值语法将属性绑定到模板上。插值语法使用花括号包裹表达式，如下所示：``{{ name }} ```其中，name 是Vue 实例中定义的属性名。在渲染模板时，Vue 会自动解析插值语法，并将Vue 实例中名为name 的属性的值渲染到模板中对还有呢？
data: { msg: 'Hello world'},render (h) { return h( 'div', { attrs: { id: 'my-id' }, [ this.msg ] );}渲染后的内容为：Hello worldVue 2.0中的render为我们开启了一片新的天地，赋予了我们无限的想象力。比如，我们可以把React中用到的JSX语法应用到Vue中来。接下来，我们就后面会介绍。
vue常用的ES6语法--内置对象扩展 -
1、模板字符串2、数组的扩展3、对象的扩展在ES6中对象的key和value一样的时候只写一个就可以了4、延展操作符，
Vue.$delete动态删除对象属性重写数组的方法，检测数组变更proxy的缺点：es6的proxy不支持低版本浏览器（IE11）会针对IE11出一个特殊版本进行支持proxy的有点：可以坚持到代理对象属性的动态新增和删除可以监测到数组的下标和length属性的变化2、vue3新特性：①：数据响应重新实现（ES6的proxy代替ES5好了吧！
在Django与Vue语法中存在冲突问题如何解决 -
config.delimiters = ["{[", "]}"]使用的时候： {[ message1 ]}ps：vue之django 和vue语法冲突处理修改vue.js的默认的绑定符号vue2.0已经废弃这种写法：Vue.config.delimiter=['[[',']]'];正确姿势：var vm = new Vue({ delimiters:['[['等会说。
在vue的世界里，没有动态添加dom这种概念，一切都是数据驱动{{obj.name}} {{obj.prop}} $(function () { alert(1); }); var vue = new Vue({ el: 'body',
Vue3 v-model 语法糖 -
1. 如果是原始DOM 的事件，那么$event表示js的原生事件对象2.如果是组件的自定义事件，那么$event是$emit传递的数据vue3 中v-model的本质是:modelValue 和@update:modelValue 两者的绑定所以在子组件中响应定义modelValue属性可以绑定多个v-model:总结：1.v-model可以通过绑定多个希望你能满意。
{ foo: String }); // 获取props console.log(props)const sonClick = () =>{ emit('change' , props.foo)} 总结1、语法糖就是setup()简写2、在语法糖中使用变量可以直接使用3、组件不需要祖册4、不能使用非vue3的模块，钩子函数希望你能满意。