摘要: 在页面加载时,主动执行某些程序。 模拟场景:当页面加载完成之后,像是后台加载数据 new Vue()就是初始化一个Vue实例。 Vue实例额生命周期钩子(函数):每个Vue实例在被创建时(new Vue)都要经过一系列的初始化过程 例如:created() 组件初始化完成 mouted() 模板已创 阅读全文
posted @ 2022-08-08 16:40 CharlieYi1204 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 计算属性(computed) date属性和computed属性定义的值都可以直接绑定在表达式中,如果某些值需要通过计算才能得到,那使用计算属性就再合适不过了 如果页面中需要显示的值是两个表达式计算才能得到,并且还有一些比较复杂的逻辑关系,我们写在页面上就不太合适了 如果我们直接在页面上是这样的: 阅读全文
posted @ 2022-08-08 15:17 CharlieYi1204 阅读(102) 评论(0) 推荐(0) 编辑
摘要: 我们在开发中,会自定义大量的组件,我们应该如何在两个组件之间进行“值”的传递呢? 父子组件传值 我们使用上一文中App.vue和HelloComp.vue组件来举例 首先我们还是需要在APP.vue中引入HelloComp.vue <template> <div id="app"> <hello-c 阅读全文
posted @ 2022-08-08 14:02 CharlieYi1204 阅读(2790) 评论(0) 推荐(0) 编辑
摘要: 我们在上文的基础上,继续学习 条件判断:v-if、v-show >作用:用于控制元素的显示 > 区别: v-if:不渲染DOM,前端页面看不到标签,更节省性能(常用) v-show:渲染DOM。将元素设置为display:none 我们看如下代码,将他们都取值为true时,表示显示 <templat 阅读全文
posted @ 2022-08-05 16:40 CharlieYi1204 阅读(1426) 评论(0) 推荐(0) 编辑
摘要: 安装 首先需要安装好NPM,然后使用下列的命令一次进行 npm install -g @vue/cli //安装脚手架 vue create xx //创建Vue项目,xx为要创建的项目名 创建项目后,使用 cd 进入目录 npm run serve //启动项目 目录 Pubulic:静态文件 s 阅读全文
posted @ 2022-08-05 11:07 CharlieYi1204 阅读(159) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示