在composition API中使用元素的ref ，注意DOM元素要在初始渲染后才分配给ref，因此不能直接在setup开始时就获取其值，因为此时模板还没完成渲染，下面的示例写在onMounted的hook中
<template>
<div class="home">
<transition name="to...
1.需求如下
有一个textarea标签。需要获得光标的位置，并且根据光标的位置插入指定的内容。
通过v-model双向绑定textarea的value值，textarea绑定input事件，当在textarea输入时，能触发input事件，但是通过代码代表value值，无法触发input事件，所以我将value值加入watch里面监听，这样只要valu...
原因
处理大型应用时，解决代码的共享和重用问题
让代码变得更紧凑，能够将同一个逻辑关注点相关代码收集在一起
compositon-api 相关函数和属性
setup
ref和reactive
watch和watchEffect
computed
生命周期钩子
setup
setup 接收两个参数，一个是prop, 另一个是...
main.js
import { createApp } from 'vue'
import App from './App.vue'
import '../../assets/w3.css' // 全局引入
createApp(App).mount('#app')
在常规js中我们需要用 querySelector()一类的方式来获取元素，在Vue中可以使用$ref。
完整示例
<template>
<HelloWorld :msg="title"/>
<input type="text" ref="myInput" />
<button @cli...
Vue使用sass预编译器之后发生以下错误：
Syntax Error: Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (88)
原因是 node-sass 4.4 当前环境并不支持，也可能跟no...
Vue3 中执行 npm run serve 报错
这是因为项目中使用了scss, 需要sass-loader，但npm install 安装的为12版本，可以查看packages.json。
这是因为sass-loader版本太高造成的，解决方法为使用7.x版本。
npm uninstall sass-loader
npm i...
随着强交互web app的需求日益增加，使用jQuery开发已经有点力不从心，于是我考虑在WordPress中也使用Vue，不是通过使用那种直接引入vue.js 然后在页面写vue的html代码或者脚本的形式，那样做组件的复用和代码结构都有不少问题，而是采用SPA的方式来开发。
经过一番搜索，总结为以下几步：
1、创建项目
cd wp-content/...
Vue3对我最大的感觉：
1、template标签下面可以有多个节点了，终于不用先写一个DIV了
2、setup函数可以代替之前的data，methods，computed，watch，Mounted等对象，但是props声明还是在外面。
不过我总是忘记在return里面写声明好的变量或者方法，导致报错没有这个变量或者函数。这一点还需要...
vue 父组件数据更新，子组件没有变化，需要添加 prop 的侦听器
props:{
media_id:{
type:Number,
default:0
},
}
data(){
return {
collection : {...