Vue学习笔记
文章平均质量分 93
小言同学Y
努力提升自己,记录学习过程。
好好学习,用心记录
展开
-
Vue学习笔记(组件、动画)
目录 一、定义Vue组件 1.1 全局组件定义的三种方式 1.2 使用component定义私有组件 二、组件中的data 三、组件切换 四、组件传值 4.1 父组件向子组件传值 4.2 子组件通过事件调用向父组件传值 五、Vue中的动画 5.1 使用过渡类名实现动画 5.2 动画——自定义v-前缀 5.3 使用第三方animate.css类库实现动画 5.4 钩子函数实现小球半场动画 5.5 使用transition-group元素实现列表动画 一、定义...原创 2022-02-22 19:42:51 · 423 阅读 · 0 评论 -
Vue学习笔记(样式,过滤器,自定义指令,生命周期)
一、在Vue中使用样式 1.使用class样式 数组 <h1 :class="['red','thin']">标题一!!!!!</h1> 数组中使用三元表达式 <h1 :class="['red','thin']">标题一!!!!!</h1> 数组中嵌套对象 <h3 :class="['thin','italic',{'active':flag}]">标题三!!!!</h3> 直接使用对象 <p :class="原创 2022-02-21 22:58:20 · 295 阅读 · 0 评论 -
Vue学习笔记(基础语法)
一、安装Vue.js 直接用<script>引入:从官网下载并用<script>标签引入 使用CDN方法 <!--两者选其一即可--> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script> npm方法 n原创 2022-02-12 11:21:21 · 1058 阅读 · 2 评论