咸瑜

摘要： vue3 的 setup 里面使用生命周期函数： 除了上面，还新增了2个新的生命周期函数： 阅读全文

摘要： 简单使用方法之一： <script> const app = Vue.createApp({ setup() { const { ref, watch } = Vue; // 定义 val const val = ref(""); // 使用监听器，用法之一... watch(val, (curre 阅读全文

摘要： <script> // computed 计算属性 const app = Vue.createApp({ setup() { // 引入计算属性 const { reactive, computed } = Vue; const countObj = reactive({ count: 0}); 阅读全文

摘要： toRef的使用： Context 使用： context 里面有3个参数， {attrs,slots,emit} : 1.attrs 的使用： 其实就是父组件传递的属性 <script> const app = Vue.createApp({ // 使用组件 child template:` <c 阅读全文

摘要： https://v3.cn.vuejs.org/guide/composition-api-setup.html#setup setup在created实例初始化之前。 所以呢 在里面不能用 this啊，他肯定找不到的。 直接返回的数据，全局也是拿的到的。 使用 setup 函数时，它将接收两个参数 阅读全文

摘要： 官方文档：https://v3.cn.vuejs.org/api/application-api.html#use 安装 Vue.js 插件。如果插件是一个对象，则它必须暴露一个 install 方法。如果插件本身是一个函数，则它将被视为 install 方法。 该 install 方法将以应用实例 阅读全文

摘要： 通常，当我们需要从父组件向子组件传递数据时，我们使用 props。 想象一下这样的结构：有一些深度嵌套的组件，而深层的子组件只需要父组件的部分内容。在这种情况下，如果仍然将 prop 沿着组件链逐级传递下去，可能会很麻烦。 对于这种情况，我们可以使用一对 provide 和 inject。 无论组件 阅读全文

摘要： VUE一般使用template来创建组件 ，然后VUE渲染在页面上。 如果某些环境下，需要使用JS来创建html的DOM节点，这时候要使用render函数了: 详细： 字符串模板之外的另一种选择，允许你充分利用 JavaScript 的编程功能 <div id="app" class="demo"> 阅读全文

摘要： https://v3.cn.vuejs.org/guide/teleport.html#teleport 直接看文档，这个不知道怎么写博客。。。。。挺容易的，就是把 某标签 传送到 某标签中，然后使用它的作用域。 阅读全文

摘要： directives 类型：Object 详细： 声明一组可用于组件实例中的指令。 用法： const app = createApp({}) app.component('focused-input', { directives: { focus: { mounted(el) { el.focus 阅读全文