VUE基础:循环、判断、点击事件及表单验证双向绑定
1、v-model 是 vue 提供的用来对表单控件做数据双向绑定的指令。它可以根据用户的输入动态改变其绑定的值，同样可以根据绑定值的改变来操作页面 DOM 的更新。 基本用法接下来我们将详细介绍 v-model 在不同表单元素上的使用。
2、Vue 的双向绑定是指数据变化能引起界面的变化，界面数据的变化也能驱动数据的改变。这个功能其实和单向数据流规范不一样，所以开始接触 Vue 的时候非常吸引我的一个功能。
3、vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的，其中比较关键的是数据劫持，下面咱们看一个例子。
4、Vue2 取消了 .sync 指令修饰符，推崇单向闭环的数据流。即：父级通过 props 向子级传递数据，子级如果需要修改数据就需要在父级添加监听事件，并在子级中去触发事件修改值。
5、响应式原理： 每个组件实例都对应一个 watcher 实例，它会在组件渲染的过程中把“接触”过的数据 property 记录为依赖。之后当依赖项的 setter 触发时，会通知 watcher，从而使它关联的组件重新渲染。
6、因为 view 更新 data 其实可以通过事件监听即可，比如 input 标签监听 input 事件就可以实现了。而数据更新视图的重点是如何知道数据变了，只要知道数据变了，那么接下去的事都好处理。
vue怎么个输出列表赋一个固定值
1、在 Vue 中，可以使用计算属性来实现从第一个开始输出指定个列表元素的功能。
2、在静态模板中调用输出 Vue 实例中名为 name 的属性的值的语法是使用插值语法将属性绑定到模板上。插值语法使用花括号包裹表达式，如下所示：```{{ name }} ```其中，name 是 Vue 实例中定义的属性名。
3、你可以使用Vue来创建一个简单的应用程序，该应用程序可以在页面上使用input输入两个数，并计算这两个数之间的偶数和。
4、你可以使用Vue的v-pre指令。v-pre指令会告诉Vue跳过当前元素和它的子元素的编译过程，直接将其作为静态内容输出。这样，{{abc}}将被当作普通的文本输出，而不会进行变量解析。
vue踩坑记录之变量赋值同步修改
参考： vue3报错Uncaught Error vue2中用法：vue3用法：vue3+ts中使用process报错，找不到名称“process”。
步骤： 根据点击复制按钮行的信息，得到上一工作日Day 根据此Day，执行下面方法，得到上一工作日所有数据，此处Json转化，实际操作中没有转换时，插入数据会乱掉。
setup()内使用响应式数据时，需要通过.value获取 从 setup() 中返回的对象上的 property 返回并可以在模板中被访问时，它将自动展开为内部值。
vue后端数据赋值给类
既快捷又减轻后端的压力。这个还是很简单粗暴的，目前正在研究，应该可以实现代替 Vuex 的数据状态管理方案。因为Vuex不太适合Vue3的环境，应该可以有替代方案了。
vue给textarea赋值可以使用v-model。
Vue实例被创建时，它将data对象中的所有property加入到Vue响应系统中。当这些property属性值发生改变时，视图更新为新的值。定义一个对象，赋值给data对象，修改定义的对象的原始数据，也会改变property的值。
vue.js怎么给textarea赋值
textarea id=ccc/textarea (#aaa).text(222)；(#bbb).html(222)；(#ccc).val(222)；用 jq 这三种方法都可以。
文本框的内容赋值以$(#text).val(文本框内容)的形式来做。关于赋予属性则是 (#text).attr(属性名，属性值)的形式来做。
在IE下，不管用val()或text()赋值，后续的读取都正常；在Firefox下，使用val()指定的值，画面上会出现，但是用text()或是透过html()检视时却是字串。