1.过滤器
vue3剔除了过滤器,建议使用计算属性或方法
2.main.js导入模板
1.从vue中按需导入createApp函数,createApp函数的作用是创建vue'单页面应用实例'
import {createApp} from 'vue'
2.导入待渲染的app组件
import App from './App.vue'
3.调用 createApp() 函数 返回值是 单页面应用程序的实例 用常量 spa_app进行接收
同时把App组件作为参数传给 createApp 函数 表示要把app 渲染到 index.html上
const spa_app = createApp(App)
4.调用 spa_app 实例的 mount 方法 来指定 Vue 实际要控制的区域
spa_app.mount('#app')
3.根节点
vue2仅支持单个根节点
vue3可以支持多个根节点
4./deep/样式穿透
vue3中,/deep/已经不被推荐,推荐使用:deep()
5.ref
作用是创建响应式的值。ref 对象仅有一个 .value
,指向该内部值。
import { ref } from 'vue'
6.只有一个setup函数
import { ref } from 'vue'
export default {
setup () {
// 定义一个不需要改变的数据
const btnText = '点这个按钮上面的数字会变'
// 定义一个 count 的响应式数据,并赋值为 0
const count = ref(0)
// 定义一个函数,修改 count 的值。
const countAdd = () => {
count.value++
}
// 导出一些内容给上面的模板区域使用
return {
btnText,
count,
countAdd
}
}
}
7.reactive
作用是创建响应式的对象或数组
import { reactive } from 'vue'</