2022年5月12日
vue数据绑定
摘要： 一、绑定样式 Vue提供了样式绑定功能，可以通过绑定内联样式和绑定样式类这两种方式来实现。 1.1 绑定内联样式 在Vue实例中定义的初始数据data，可以通过v-bind将样式数据绑定给DOM元素。 <div id="app"> <div v-bind:style="{backgroundColo 阅读全文
posted @ 2022-05-12 10:58 杨远宁 阅读(83) 评论(0) 推荐(0) 编辑
阿里巴巴矢量图标库 - iconfont 图标使用方法 - vue 项目
摘要： 步骤一: 搜索 浏览器搜索 iconfont , 进入 iconfont 官网附图: 步骤二: 查找 1. 搜索你想要的图标附图 : 2. 选择(多个)你想要的图标, 点击第一个 添加入库 , 即可在右上角购物车样式的 库 中查看已经添加的图标附图 : 3. 点击右上角购物车样式的 库 之后, 点击 阅读全文
posted @ 2022-05-12 10:19 杨远宁 阅读(437) 评论(0) 推荐(0) 编辑
vue-router 路由传参
摘要： vue-router传递参数分为两大类： 编程式的导航 router.push 声明式的导航 <router-link> 声明式的导航 路由导航 字符串 <router-link to="/detail">详情</router-link> 此方式实现路由跳转，不携带参数 对象 传递参数主要是以对象的 阅读全文
posted @ 2022-05-12 09:25 杨远宁 阅读(317) 评论(0) 推荐(0) 编辑
2022年5月11日
vue组件间传值的几种方法
摘要： 一丶父子组件传值 先在父组件中给子组件的自定义属性绑定一个 父组件的变量 <template class="father"> <child :自定义属性名="父组件的变量"></child> <template > 2、在子组件的props属性中可以取出父组件给的值，props中的变量用法和data 阅读全文
posted @ 2022-05-11 23:05 杨远宁 阅读(201) 评论(0) 推荐(0) 编辑
严格模式
摘要： 一、什么是严格模式？在严格的条件下允许 JS 代码。消除了 JavaScript 语法的一些不合理、不严谨之处，减少了一些怪异行为。提高编译器效率，增加运行速度。禁用了在 ECMAScript 的未来版本中可能会定义的一些语法，为未来新版本的 JavaScript 做好铺垫。比如一些保留字，如：cl 阅读全文
posted @ 2022-05-11 22:52 杨远宁 阅读(127) 评论(0) 推荐(0) 编辑
2022年5月10日
MVVM框架
摘要： Model–View–ViewModel(MVVM) 是一个软件架构设计模式，由微软 WPF 和 Silverlight 的架构师 Ken Cooper 和 Ted Peters 开发，是一种简化用户界面的事件驱动编程方式。由 John Gossman（同样也是 WPF 和 Silverlight 阅读全文
posted @ 2022-05-10 22:11 杨远宁 阅读(2263) 评论(0) 推荐(1) 编辑
2022年5月9日
vue 父子组件通信
摘要： vue 父子组件通信，如下图 父组件通过 props 向下传递数据给子组件，子组件通过 events 给父组件发送消息 子组件的 props 选项能够接收来自父组件数据，但由于 props 是单向绑定的，所以只能是父组件向子组件传递，不能子组件向父组件传递 子组件通过触发事件来通知父组件改变数据 代 阅读全文
posted @ 2022-05-09 21:22 杨远宁 阅读(869) 评论(0) 推荐(0) 编辑
vue3 setup使用教程
摘要： 1、简单使用 先简单写一下看看效果 这里使用新建的 vue3 项目，直接在 App.vue 上进行修改 <template> <div>{{name}}</div> </template> <script> export default { setup() { return { name: "泪眼问 阅读全文
posted @ 2022-05-09 15:10 杨远宁 阅读(580) 评论(0) 推荐(0) 编辑
2022年5月8日
vue配置路由
摘要： 1、安装路由 2、新建页面 这里创建 view目录，然后在view目录下创建 A.vue B.vue 两个 vue页面文件 A.vue内容 <template> <div>A</div> </template> B.vue内容 <template> <div>B</div> </template> 阅读全文
posted @ 2022-05-08 21:59 杨远宁 阅读(452) 评论(0) 推荐(0) 编辑
git管理项目相关流程
摘要： 前期硬件准备工作（电脑相关配置）： 1、下载git软件，傻瓜式安装 https://git-scm.com/download/win 1、设置你的用户名称与邮件地址 git config --global user.name "yangyn" git config --global user.ema 阅读全文
posted @ 2022-05-08 21:41 杨远宁 阅读(124) 评论(0) 推荐(0) 编辑