vue
关注
分享
扫一扫
代码是Code
不太会编程
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
slot插槽
slot插槽 组件的插槽是为了让我们封装的组件更加具有扩展性，让使用者可以决定组件内部的一些内容到底展示什么 插槽的基本使用 在组件中使用<slot></slot>标签即可定义一个插槽，可以在标签中放入默认值。 通过使用组件时，将需要的元素或组件放入，即可替换。 <body> <div id="app"> <!-- 使用插槽 --> <cpn> <button>按钮</button> &l原创 2020-12-27 00:10:48 · 216 阅读 · 0 评论 -
Vue中的组件
Vue组件化 组件的使用步骤 调用Vue.extend()创建一个组件构造器，在创建构造器时传入需要使用的template模板即HTML复用的代码。然后调用Vue.component()将组件构造器注册为一个组件，并给组件取一个标签名称。使用组件的标签名在挂载的Vue实例元素下使用即可。 创建组件构造器对象 //1.创建组件构造器对象 const cpnC = Vue.extend({ template: `<div> <h2>组件标题&l原创 2020-12-26 23:11:02 · 218 阅读 · 0 评论 -
Vue基本指令
Vue基本指令 v-once 该指令表示元素和组件只渲染一次，当数据发生改变时，展示内容不会进行更新 <h1 v-once>{{message}}</h1> v-html 某些情况下，从服务器请求到的数据本身就是一个HTML代码，可以使用该指令进行对代码的解析并渲染 <div id="app"> <h1 v-html="url"></h1> </div> <script src="../js/vue.js">&l原创 2020-12-26 15:24:27 · 182 阅读 · 0 评论 -
Vue起步入门
Vue起步入门 引入Vue.js 在html中引入Vue.js或者下载文件后引入 <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 生产环境版本，优化了尺寸和速度 --> <script src="https://cdn.jsdelivr.net/npm/vue"></script>原创 2020-12-24 22:53:06 · 121 阅读 · 0 评论