自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 将vscode中的文件发布到gitee

5、在新创建的git仓库中复制HTTPS。3、点击视图和更多操作(...)4、选择远程中的添加远程存储库。6、将复制好的地址放到以下位置。8、在备注里可填写第几次提交等。9、点击提交,提交暂存文件。7、自命名存储库名字。

2024-07-10 17:28:37 101

原创 Vue2-count组件声明props自定义属性

1、props是组件的自定义属性,在封装通用组件的时候,合理地使用props可以极大的提高组件的复用性。

2024-07-07 16:52:11 56

原创 Vue2-使用Vue.cpmponent全局注册组件

2、在vue中的main.js入口文件中,通过Vue.component()方法,可以注册全局组件。例如:在组件A的components节点下,注册了组件F。则组件F只能用在组件A中,不能被用在组件C中。1、通过component注册的时私有子组件。

2024-07-07 16:29:19 55

原创 Vue2-在VScode中配置@路径提示的插件

1、安装插件 Path Autocomplete。

2024-07-07 15:06:53 156

原创 vue2-使用组件的三个步骤

1、组件在被封装好后,彼此之间相互独立,不存在父子关系。在使用组件的时候,根据彼此的嵌套关系,形成了父子关系、兄弟关系。(2)使用components节点注册组件。(1)使用import语法导入需要的组件。(3)以标签形式使用刚才注册的组件。2、使用组件的三个步骤。

2024-07-07 14:47:47 193

原创 vue组件-启用less语法以及唯一的根节点

2、在template中最外层只能有一个div。

2024-07-03 19:38:29 77

原创 vue-cli-组件

script->组件的JavaScript行为。1、vue规定:组件的后缀名是.vue。template->组件的模板结构。3、在组件中定义mothods方法。style->组件的样式。

2024-07-03 19:28:44 131

原创 vue-cli运行流程

3、其中App.vue用来编写渲染的模板结构。index.html中需要预留一个el区域。main.js把App.vue渲染到了index.html所预留的区域中。1、通过main.js把App.vue渲染到index.html的指定区域中。

2024-07-03 18:57:14 127

原创 vue-cli 项目的目录结构

8、src->main.js:项目入口文件,整个项目的运行,要先执行。6、src->assets:图片,第三方的静态资源,css,样式表。7、src->components:程序员封装的、可复用的组件。9、src->App.vue:项目的根组件。5、babel.config.js:babel配置文件。4、package.js:第三方包的配置文件。1、node_modules:第三方包。2、src:项目源代码目录。3、public:存放页面。

2024-07-03 18:47:19 148

原创 vue-cli安装和使用

前三项选择为自动配置对应版本的vue,最后一个版本为自定义,此时我们选最后一个Manually select features。上下键选择,回车确定。安装官网:https://cli.vuejs.org/zh/使用npm install安装。(2)选择vue版本和配置。(5)配置项信息放置位置。

2024-07-02 13:57:11 87

原创 vue简介

页面上表单采集的数据发生变化的时候,会被vue自动获取到,并更新到js数据中。vue的指令、组件(对UI结构的复用)、路由、Vuex、vue组件库。框架是一套现成的解决方法,程序智能遵守框架的规范、去编写功能。好处:程序员只需要把数据维护好,页面结构会被vue自动渲染。在网页中,form表单负责采集数据,ajax负责提交数据。用vue往html中填充数据,非常方便。js数据的变化,会被自动渲染到页面上。数据的变化会自动驱动视图的自动更新。3、数据驱动视图特性。

2024-07-01 20:38:28 95

原创 DevEco Studio环境安装部署

不要用中文,尽量使用英文路径。开始菜单设置使用默认值。下面三个选项都勾选上。

2024-07-01 11:04:38 177

原创 webpack中的插件

在webpack.config.js中配置html-webpack-plugin。每当修改了源代码,webpack会自动进行项目的打包和构建。再次运行npm run dev命令,重新进行项目的打包。可以通过此插件自定制index.html页面的内容。终止操作:在终端操作快捷键ctrl+c。

2024-06-30 21:30:06 200

原创 webpack基础-安装、配置、基本使用

【代码】webpack基础-安装和配置webpack。

2024-06-27 16:10:22 95

原创 webpack基础-初始化隔行变色案例

(2)执行以下快捷指令生成9个li。

2024-06-27 15:41:30 175

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除