学习vue 1（单页面）

最新推荐文章于 2024-05-28 14:16:14 发布
最新推荐文章于 2024-05-28 14:16:14 发布
阅读量94 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44180173/article/details/104057507
版权

vue 1.1vue说明在这里插入图片描述
weixin_44180173
1-2 环境的搭建
官网链接官网链接 https://vuejs.bootcss.com/v2/guide/
安装nood 和git
用淘宝镜像

watch 监听在这里插入图片描述
在这里插入图片描述

vue学习
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Java学习日记34（vue框架单页面的基础学习）
weausS的博客
04-04 1432
vue框架单页面的基础学习
vue构建单页面应用实战
08-30
Vue.js 构建单页面应用(SPA)是一种现代Web开发技术，它允许开发者在一个HTML页面上加载所有必要的资源，然后通过路由和组件的切换来更新视图，而不是传统的页面重载。这种技术在提高用户体验方面表现出色，因为它...
Vue单页面如何设置title
ioszhanghui的博客
07-10 3477
在Vue项目中，是一个单页面应用，也就是只有一个index.html,所有的页面内容都是在这个页面渲染的。那么就带来了一个问题，就是每一个页面的title如何设置。 解决方案： 不使用三方组件 通过在每一个组件的钩子函数，create,或者mouted函数，使用document.title='标题名字'; mounted:function () { document.title='...
vue基础 —— 单网页版的Vue学习 基础
猎人在吃肉
09-16 1825
vue基础 —— 单网页版的Vue学习 基础
vue部署访问单页面404问题
huangbaokang的博客
06-11 998
vue单页面的启动页面是index.html，路由的路径实际是不存在的，所以会出现访问单页面404问题，需要设置所有找不到的路径直接映射到index.html root D:/nginx-0.8.55/html/dist/; index index.html index.htm; location / { try_files $uri $uri @router; index index.html; } location @router {
vue单页面实现
我是死宅萝莉控的博客
05-19 2336
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
18 VUE学习：组合式函数
最新发布
百锦再的博客
05-28 9万+
在 Vue 应用的概念中，“组合式函数”(Composables) 是一个利用 Vue 的组合式 API 来封装和复用有状态逻辑的函数。当构建前端应用时，我们常常需要复用公共任务的逻辑。例如为了在不同地方格式化时间，我们可能会抽取一个可复用的日期格式化函数。这个函数封装了无状态的逻辑：它在接收一些输入后立刻返回所期望的输出。复用无状态逻辑的库有很多，比如你可能已经用过的 [lodash]或是 [date-fns]。相比之下，有状态逻辑负责管理会随时间而变化的状态。
vue单页面html,单页面可以用vue.js吗？
weixin_36219745的博客
06-03 741
单页面可以用vue.js吗？可以使用，单页面可以直接引入vue.js文件进行使用，用法如下：{{message}}//这是我们的Modelvar exampleData={message:'Hello world'}//创建一个vue实例或"ViewModel"//它连接View与Modelnew Vue({el:'#app',data:exampleData});使用Vue的过程就是定义MVVM...
vue3---单页面应用程序
qq_61950936的博客
08-15 910
单页面应用程序（英文名：Single Page Application）简称 SPA，顾名思义，指的是一个 Web 网站中只有唯一的一个 HTML 页面，所有的功能与交互都在这唯一的一个页面内完成。
VUE2.0 学习（一）HTML单页面使用vue技术
一天不写代码难受的博客
10-07 5887
目录先下载vue.js入门 先下载vue.js 将开发版本 和 生产版本都下载 入门 html 页面引入vue.js 之后，全局配置一下，将浏览器控制台的开发者版本的提示给关闭 如果我们不配置，代码是 <script type="text/javascript" src="../js/vue.js"></script> 以上只是引入，在浏览器控制台会有 <!DOCTYPE html> <html lang="en"> <head&g
Vue学习心得与总结
2201_75464762的博客
12-28 2374
大二开课，跟老师学+自学，一开始看老师分享的培训课程深入学习，虽然知道学习内容且有计划，但总是学着学着就学不下去（课程冗长没有成就感，知识理论不太好接受，学的蛮难过的），最后，三天打鱼两天晒网。我认识到Vue不仅仅是一种框架，更是一种优秀的工具和理念，在我未来的开发中，我会继续深入学习和实践Vue.js，不断提升自己的能力。通过实际的开发经验，我学会了如何将Vue.js应用于真实的项目中，如何与后端API进行交互，获取和更新数据，以及如何处理用户输入和交互反馈，这些都是学习课程中不能替代的经验。
新手vue构建单页面应用实例代码
12-10
Vue.js 是一个流行的前端JavaScript框架，用于构建用户界面，尤其适合单页面应用(SPA)的开发。本实例将向新手介绍如何使用Vue.js构建单页面应用的步骤。 首先，我们需要安装`vue-cli`，这是一个快速搭建Vue项目...
vue.js单页面应用实例的简单实现
11-30
Vue.js是一种流行的前端JavaScript框架，用于构建用户界面，特别是单页面应用程序（SPA）。在这个实例中，我们将探讨如何从头开始设置Vue.js环境并创建一个简单的单页面应用。 首先，我们需要安装Node.js，它包含了...
浅谈vue2 单页面如何设置网页title
08-28
浅谈Vue2单页面如何设置网页title 在现代Web开发中，使用单页面应用程序（SPA）已经成为一种趋势，尤其是在前端框架如Vue、React等的推动下。然而，在单页面应用程序中，设置网页title却成为了一个棘手的问题。本文...
vue2demo基于Vue2实现的单页面应用
08-12
Vue.js 是一款非常流行的前端框架，特别是在构建单页面应用程序（SPA）方面表现出色。Vue2Demo 是一个基于 Vue 2.x 版本的实例项目，它展示了如何利用 Vue.js 的特性来搭建一个功能完整的单页面应用。在这个项目中，...
亲测成功解决internal / modules / cjs / loader.js：800 throw err；
weixin_44180173的博客
05-10 3万+
记一次崩溃的安装vue-cli 安装了vue-cli4，但是有些项目是vue-cli2的，导致vue4卸载不了直接删除了重新安装也无济于事，能奔溃啊。。各种报错。。各种百度...也没找到解决方法 internal / modules / cjs / loader.js：800 throw err; 网上解决方法 不能说不对但是没彻底解决了 安装也安装了可是还是解决不了。。。怎么办！！！！在最坐下角的搜索 1.输入vue打开vue的文件位置 vue的环境变量在这里 2.看报错提示..
图文详解--亲测有效---Vue-cli3 更新 vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6.
weixin_44180173的博客
01-24 2万+
Vue-cli3 更新 vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6. 2.9.6 初始化项目是用 vue init webpack my-project 3.0以上 初始化项目是用 vue create my-project 这是因为你安装的是2.9的版本用了3.0的命令 解决方法：1.用...
vue 遍历数组取出字符串用逗号拼接
weixin_44180173的博客
05-08 1万+
数组字转符串拼接成逗号去掉最后的逗号 var arr=[2,3,4,5] var str = ""; for (var i = 0; i < arr.length; i++) { str += arr[i]+ ","; } //去掉最后一个逗号(如果不需要去掉，就不用写) if (str.length > 0) { str = str.substr(0, str.length - 1); } 或者直接判断 var arr = [2, 7, 9,.
element-ui 滚动条样式修改
weixin_44180173的博客
06-30 9413
element uide 滚动条样式很难看 这是修改全局的滚动条样式 可以添加下面的样式来修改 ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-thumb { background-color: #eaecf1; border-radius: 3px; } 修改后的样式 比原来好看多了 ...
vue2单页面跳转
05-26
在 Vue.js 2 中，可以使用 Vue Router 来实现单页面跳转。以下是一个简单的例子： 1. 首先，安装 Vue Router： ``` npm install vue-router --save ``` 2. 在入口文件（比如 main.js）中，导入 Vue 和 Vue Router...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值