随笔分类 -  4-Vue3

上一页 1 2
vue3 条件和列表渲染
摘要：一、条件渲染 1. v-if 通过表达式的真假来控制此标签是否显示 <div id="vm"> <!--awesome为真时显示此句--> <h1 v-if="awesome">Vue is awesome!</h1> <!--awesome为假时显示此句--> <h1 v-else>Oh no � 阅读全文
posted @ 2021-06-16 10:57 富坚老贼 阅读(426) 评论(0) 推荐(0)
vue3 增强绑定Class和Style
摘要：由于Class和Style绑定使用频繁，字符串拼接麻烦且易错。因此，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组 一、Class isActive，isLine是bool值，用来控制该类是否有此名称 运行 （2）绑定类和非绑定类可以同时使用 （3）也可以把所有属性 阅读全文
posted @ 2021-06-16 09:32 富坚老贼 阅读(332) 评论(0) 推荐(0)
vue3 计算属性和侦听器
摘要：一、计算属性 1.计算属性 计算方式不能复用，且不好维护 <div id="example"> {{ message.split('').reverse().join('') }} </div> 计算方式比较复杂或者重复使用时可以用计算属性 <div id="vm"> <div id="exampl 阅读全文
posted @ 2021-06-15 15:46 富坚老贼 阅读(116) 评论(0) 推荐(0)
vue3 模板
摘要：一、插值 1.Mustache 语法 html <span>Message: {{ msg }}</span> js <div id="vm">{{ msg }}</div> <script> Vue.createApp({ data(){ return { msg:'hello' } } }).m 阅读全文
posted @ 2021-06-15 13:54 富坚老贼 阅读(363) 评论(0) 推荐(0)
vue 基础
摘要：声明式渲染 类似C#里的 $'' 字符串插值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name 阅读全文
posted @ 2021-06-13 09:12 富坚老贼 阅读(35) 评论(0) 推荐(0)
vue3 cli
摘要：安装CLI # 安装cli npm install -g @vue/cli # 或者 yarn global add @vue/cli # 查看版本 vue --version # 升级全局cli包 npm update -g @vue/cli # 或者 yarn global upgrade -- 阅读全文
posted @ 2021-06-10 10:02 富坚老贼 阅读(196) 评论(0) 推荐(0)
vue3 vite
摘要：创建一个模板 npm init @vitejs/app my-vue-app -- --template vue yarn create @vitejs/app my-vue-app --template vue 目录结构 vscode 安装插件 volar 的vue3插件 安装yarn npm i 阅读全文
posted @ 2021-05-14 11:12 富坚老贼 阅读(266) 评论(0) 推荐(0)

上一页 1 2